<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=854, initial-scale=1.0">
    <title>说明 - FCISSR</title>
</head>
<style>
    body {
        background: url('assets/images/Dirt_background_JE2.png');
        font-family: 'Minecraft', monospace;
        color: #e0e0e0;
        margin: 0;
        padding: 0;
        min-height: 100vh;
        /* 保证页面高度至少为视口高度 */
    }

    .container {
        width: 854px;
        min-height: 480px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .title {
        padding-top: calc((100vh - 480px)
                /*/2*/
            );
        /*奇怪的计算*/
        width: 1122px;
        height: 130px;
        background: url('assets/images/title.png') no-repeat center;
        image-rendering: pixelated;
        position: relative;
        text-align: center;
        line-height: 121px;
        font-size: 0;
        text-shadow:
            2px 2px 0 #3f3f3f,
            -2px -2px 0 #3f3f3f;
    }

    .content {
        width: 100%;
        min-height: 480px;
        padding: -5px;
    }

    /* ====== 按钮样式 ====== */
    .button {
        width: 195px;
        height: 40px;
        background: url('assets/images/button.jpg') no-repeat center/cover;
        color: #FFFFFF;
        font-size: 20px;
        text-align: center;
        font-family: 'Minecraft', monospace;
        line-height: 40px;
        cursor: pointer;
        user-select: none;
        border: none;
        transition: all 0s ease;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        position: fixed;
        right: 40px;
        bottom: 40px;
        z-index: 100;

    }

    .button:hover {
        background-image: url('assets/images/button_onmouseover.png');
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    }

    .button:active {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    }

    .content p {
        text-indent: 2em;
        font-size: 18px;
        margin: 0;
        line-height: 1.8;
        /* 设置较为舒适的行距 */
    }

    @font-face {
        font-family: 'Minecraft';
        src: url('assets/fonts/Mojangles.ttf') format('truetype');
    }
</style>
<script>

</script>

<body>
    <div class="container">
        <div class="title"></div>
        <div class="content">
            <div style="font-size: 28px; text-align: center; margin-top: 50px;">关于FCISSR...</div>
            <br>
            <p style="text-indent: 2em; font-size: 18px; margin:0; ">FCISSR全称“Fried
                Chicken Invincible Supreme Spider
                Robot”，即（炒鸡无敌至尊蜘蛛机器人，这个不正经的名字来源于项目组的一次口嗨），是一款基于人工智能逻辑层嵌入的面向用户的六足机器人。本控制器为Web应用，方便在各种设备上运行；风格上项目组模仿了MinecraftJavaEdition1.12.2，也算是一种致敬吧。
            </p>
            <p style="text-indent: 2em; font-size: 18px; margin:0;">
                机器人目前使用蓝牙连接/操控，未来会开发综合服务端，实现无限距离传输。搜索到的机器人应先配对，再连接。各类操作可以在主界面中点击“选项”按钮后查看。</p>
            <p style="text-indent: 2em; font-size: 18px; margin:0;">
                本应用不侵犯MojangStudio和Microsoft关于Minecraft及其衍生游戏的任何版权，所有权归后者所有。目前我们正在替换可能引起争议的任何艺术材料。</p>
            <p style="text-indent: 2em; font-size: 18px; margin:0;">所有代码及附件均已开源，详情请见主界面左下角链接。</p>
            <br>
            <br>
            <br>
            <div style="font-size: 28px; text-align: center; margin-top: 50px;">制作人员名单</div>
            <br>
            <p style="font-size: 22px; margin:0; padding-left: 128px;">程序&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;王&nbsp;犇&nbsp;张茂程
            </p>
            <p style="font-size: 22px; margin:0; padding-left: 128px;">机械&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;冯&nbsp;杨</p>
            <p style="font-size: 22px; margin:0; padding-left: 128px;">文档&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;桑炫楠</p>
            <p style="font-size: 22px; margin:0; padding-left: 128px;">顾问&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;张永平</p>
            <br>
            <br>
            <br>
            <br>
            <br>
        </div>
    </div>
    <button class="button" onclick="window.history.back()">返回</button>
</body>

</html>